/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-Carousel-vars() {
  // 箭头按钮背景高度
  --tv-Carousel-arrow-height: 32px;
  // 箭头按钮背景宽度
  --tv-Carousel-arrow-width: 32px;
  // 左右箭头的字号
  --tv-Carousel-arrow-font-size: var(--tv-font-size-lg, 16px);
  // 左右箭头按钮悬浮背景色
  --tv-Carousel-arrow-hover-bg-color: var(--tv-color-bg-hover-2, #e6e6e6);
  // 左右箭头按钮背景色
  --tv-Carousel-arrow-bg-color: var(--tv-color-bg-header, #f5f5f5);
  // 箭头正常颜色
  --tv-Carousel-arrow-svg-color: var(--tv-color-icon, #808080);
  // 指示器盒子的圆角大小
  --tv-Carousel-indicators-border-radius: 13px;
  // 指示器盒子的高度
  --tv-Carousel-indicators-height: 8px;
  // 幻灯片内的当前指示器图标色
  --tv-Carousel-indicator-active-text-color: var(--tv-color-icon, #808080);
  // 幻灯片内的悬浮指示器图标色
  --tv-Carousel-indicator-hover-text-color: var(--tv-color-icon-hover, #191919);
  // 非当前指示器背景色
  --tv-Carousel-indicator-button-bg-color: var(--tv-color-bg-5, #e6e6e6);
  // 当前指示器右边距
  --tv-Carousel-indicator-active-width: 12px;
  // 当前指示器背景色
  --tv-Carousel-indicator-active-background-color: var(--tv-color-bg-5-active, #595959);
  // 当前指示器的宽度
  --tv-Carousel-indicator-active-button-width: 12px;
  // 当前指示器圆角
  --tv-Carousel-indicator-active-border-radius: var(--tv-border-radius-sm, 4px);
  // 幻灯片外的指示器默认背景色
  --tv-Carousel-outside-button-bg-color: var(--tv-color-bg-5, #e6e6e6);
  // 幻灯片外的当前指示器背景色
  --tv-Carousel-outside-button-active-bg-color: var(--tv-color-act-primary-bg-active, #595959);
  // 标签按钮的字号
  --tv-Carousel-labels-button-font-size: var(--tv-font-size-default, 14px);
  // 箭头悬浮文本颜色
  --tv-Carousel-arrow-hover-text-color: var(--tv-color-icon-hover, #191919);
  // 左侧箭头背景色
  --tv-Carousel-arrow-left-bg-color: var(--tv-color-bg, #f5f5f5);
  // 右侧箭头背景色
  --tv-Carousel-arrow-right-bg-color: var(--tv-color-bg, #f5f5f5);
  // 按钮禁用色
  --tv-Carousel-arrow-bg-color-disabled: var(--tv-color-bg-disabled, #f0f0f0);
  // 按钮禁用色
  --tv-Carousel-arrow-icon-color-disabled: var(--tv-color-icon-disabled, #c2c2c2);
}
